<template>
  <div class="home-swiper">
    <van-swipe :autoplay="3000" lazy-render indicator-color="#FF8000">  <!-- 自动切换3000毫秒 ，指定颜色为橙色，lazy-render延迟渲染-->
      <van-swipe-item v-for="item in banner" :key="item"> <img :src="item"> <!-- 使用Vue的v-for指令遍历banner数组，每个元素都会生成一个轮播项，key="item标识 -->
      </van-swipe-item> </van-swipe>
  </div>
</template>
<script setup>
const banner = [
  '/images/h1.jpg',
  '/images/h2.jpg',
  '/images/dbg.jpg',
  '/images/qk.jpg',]
</script>
<style lang="less" scoped>
.home-swiper {
  width: 100%;

  img {
    width: 100%;
  }
}
</style>